// @flow
import { qqCancel } from '@/services/user';
import { PageContainer } from '@ant-design/pro-components';
import { history } from '@umijs/max';
import { Card } from 'antd';
import * as React from 'react';
import styles from './index.less';
type Props = {};
const Index: React.FC<Props> = () => {
  // 解绑QQ号
  const qqCancelHandler = async () => {
    const res = await qqCancel();
    console.log(res);
  };

  return (
    <PageContainer title="账号设置">
      <Card style={{ minHeight: '60vh' }}>
        <div className={styles.listItem}>
          <div className={styles.left}>
            <div className={styles.label}>手机</div>
            <div className={styles.value}>175525554444</div>
          </div>
          <a className={styles.right} onClick={() => history.push('/admin/BindingbindingtelTel')}>
            换绑
          </a>
        </div>
        <div className={styles.listItem}>
          <div className={styles.left}>
            <div className={styles.label}>微信</div>
            <div className={styles.value}>英雄在哪</div>
          </div>
          <a className={styles.right}>解绑</a>
        </div>
        <div className={styles.listItem}>
          <div className={styles.left}>
            <div className={styles.label}>QQ</div>
            <div className={styles.value}>止于此</div>
          </div>
          <a
            className={styles.right}
            onClick={() => {
              qqCancelHandler();
            }}
          >
            解绑
          </a>
        </div>
        <div className={styles.listItem}>
          <div className={styles.left}>
            <div className={styles.label}>GitHub</div>
            <div className={styles.value}>未绑定</div>
          </div>
          <a className={styles.right}>绑定</a>
        </div>
        <div className={styles.listItem}>
          <div className={styles.left}>
            <div className={styles.label}>密码</div>
          </div>
          <a className={styles.right}>重置</a>
        </div>
        <div className={styles.listItem}>
          <div className={styles.left}>
            <div className={styles.label}>账号</div>
          </div>
          <a className={styles.right}>注销</a>
        </div>
      </Card>
    </PageContainer>
  );
};
export default Index;
